redux thunk [모던 리액트] 7장. 리덕스 미들웨어 리덕스 미들웨어를 사용하면 액션이 디스패치 된 다음, 리듀서에서 해당 액션을 받아와서 업데이트하기 전에 다음과 같은 추가적인 작업을 할 수 있다. 특정 조건에 따라 액션을 무시할 수 있다. 액션이 디스패치 됐을 때 이를 수정해서 리듀서에 전달되도록할 수 있다. 특정 액션이 발생했을 때 이에 기반하여 다른 액션이 발생되도록 할 수 있다. 특정 액션이 발생했을 때 특정 자바스크립트 함수를 실행시... redux thunkredux thunk redux-thunk로 redux에서 API 요청하기 기본적으로 redux는 async await를 사용할 수 없다. 따라서, redux에서 비동기로 API 요청을 받아 데이터를 store에 저장하기 위해서는 redux-thunk 미들웨어 라이브러리를 사용해야 한다. npm i redux-thunk 으로 redux-thunk를 설치한다. import thunk from "redux-thunk"; 으로 불러와 store에 미들웨어로 등록한다. a... APIredux thunkreduxAPI Redux + Redux-thunk 동작원리 위의 이미지가 redux 동작원리의 전부입니다. 액션은 dispatch를 통해 reducer 함수로 보내지며 기존의 state를 기반으로 새로운 state를 생성합니다.(불변성을 지키는 것이 redux의 원칙이죠.) 즉, state를 업데이트하는 유일한 방법은 store.dispatch 함수를 호출하는 것입니다. 리듀서는 순수함수로서 몇 가지 규칙을 가집니다. 이렇게 합쳐진 combined ... redux thunkreduxredux
[모던 리액트] 7장. 리덕스 미들웨어 리덕스 미들웨어를 사용하면 액션이 디스패치 된 다음, 리듀서에서 해당 액션을 받아와서 업데이트하기 전에 다음과 같은 추가적인 작업을 할 수 있다. 특정 조건에 따라 액션을 무시할 수 있다. 액션이 디스패치 됐을 때 이를 수정해서 리듀서에 전달되도록할 수 있다. 특정 액션이 발생했을 때 이에 기반하여 다른 액션이 발생되도록 할 수 있다. 특정 액션이 발생했을 때 특정 자바스크립트 함수를 실행시... redux thunkredux thunk redux-thunk로 redux에서 API 요청하기 기본적으로 redux는 async await를 사용할 수 없다. 따라서, redux에서 비동기로 API 요청을 받아 데이터를 store에 저장하기 위해서는 redux-thunk 미들웨어 라이브러리를 사용해야 한다. npm i redux-thunk 으로 redux-thunk를 설치한다. import thunk from "redux-thunk"; 으로 불러와 store에 미들웨어로 등록한다. a... APIredux thunkreduxAPI Redux + Redux-thunk 동작원리 위의 이미지가 redux 동작원리의 전부입니다. 액션은 dispatch를 통해 reducer 함수로 보내지며 기존의 state를 기반으로 새로운 state를 생성합니다.(불변성을 지키는 것이 redux의 원칙이죠.) 즉, state를 업데이트하는 유일한 방법은 store.dispatch 함수를 호출하는 것입니다. 리듀서는 순수함수로서 몇 가지 규칙을 가집니다. 이렇게 합쳐진 combined ... redux thunkreduxredux